<template>
  <!-- 疫情动态 -->
  <view class="information">
    <pane-card v-for="(item, index) in infoList" :key="index">
      <view slot="title">
        <text class="title">{{ item.username }}</text>
        <text class="organization">{{ item.organization }}</text>
      </view>
      <view slot="subtitle">
        <text class="block">{{ item.text }}</text>
        <text class="date">{{ item.date }}</text>
      </view>
    </pane-card>
    <v-empty :isShow="!infoList.length && showEmpty" text="暂无相关记录"></v-empty>
  </view>
</template>
<script>
import PaneCard from '@/components/m-card/pane-card.vue';
import VEmpty from '@/components/v-empty/index.vue';
import Api from '@/api/main';
export default {
  components: {
    PaneCard,
    VEmpty
  },
  data() {
    return {
      showEmpty: false,
      infoList: [
        // {
        //   username: '李主任',
        //   organization: '卫建委',
        //   // 头像
        //   avator: '',
        //   // 是否重要，0 重要
        //   level: 0,
        //   // 内容
        //   text: '大家需要时刻注意自身防护',
        //   // 日期
        //   date: '2021-08-23 22:31'
        // },
        // {
        //   username: '李主任',
        //   organization: '卫建委',
        //   // 头像
        //   avator: '',
        //   // 是否重要，0 重要
        //   level: 0,
        //   // 内容
        //   text: '大家需要时刻注意自身防护',
        //   // 日期
        //   date: '2021-08-23 22:31'
        // }
      ]
    };
  },
  methods: {
    async getList() {
      uni.showLoading({
        title: '加载中.。。'
      });
      const res = await this.$http.post(Api.getDiseasesMsg);
      this.infoList = res || [];
      this.showEmpty = !this.infoList.length;
      uni.hideLoading();
    }
  },
  created() {
    this.getList();
  }
};
</script>
<style lang="scss">
.information {
  width: 100%;

  .title {
    font-size: 36rpx;
  }
  .organization {
    margin-left: 20rpx;
    font-size: 28rpx;
    color: $uni-sub-text-color !important;
  }
}
</style>
